<template>
	<view class="page">
		<u-form :model="formData" ref="uForm" :label-width="90">
			<uni-row :gutter="10">
				<uni-col :span="24">
					<u-form-item  label="工单类型:" >
						<dictSelect multiple v-model="formData.asyType" dictCode="ERP_WMS_ASN_TYPE" />
					</u-form-item>
				</uni-col>
				<uni-col :span="24">
					<u-form-item  label="时间选择:" >
						<dateSelect disabled v-model="formData.date"/>
					</u-form-item>
				</uni-col>
				<uni-col :span="24">
					<u-form-item  label="用户选择:" >
						<userSelect v-model="formData.user" multiple />
					</u-form-item>
				</uni-col>
				<uni-col :span="24">
					<u-form-item  label="部门选择:" >
						<deptSelect  v-model="formData.dept" />
					</u-form-item>
				</uni-col>
				
			</uni-row>
			<u-button type="warning" :disabled="loading" style="margin-top: 10rpx;" @click="submit" >提交</u-button>
		</u-form>
	</view>
</template>

<script>
	import dictSelect from '@/components/dict-select.vue'
	import dateSelect from '@/components/date-picker.vue'
	import userSelect from '@/components/user-select.vue'
	import deptSelect from '@/components/dept-select.vue'
	export default {
		components:{
			dictSelect,
			dateSelect,
			userSelect,
			deptSelect
		},
		data(){
			return {
				formData:{
					asyType:'01',
					date:'',
					// user:'',
					user:'118,115',
					dept:'QS010600'
				},
				loading:false
			}
		},
		methods:{
			submit(){
				
			}
		}
		
	}
</script>

<style>
	.page{
		padding: 15px;
	}
	page {
	  background-color: #ffffff;
	}
</style>